﻿@{
    ViewBag.Title = "desktop";
    Layout = null;
}

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Cascade Flat , Responsive Bootstrap 3.0 Admin Template</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <!-- Loading Bootstrap -->
  <link href="~/themes/bootstrap/css/bootstrap.css" rel="stylesheet">

  <!-- Loading Stylesheets -->    
  <link href="~/themes/bootstrap/css/font-awesome.css" rel="stylesheet">
  <link href="~/themes/bootstrap/css/style.css" rel="stylesheet">
  
    <style>
        body
        {
            padding:0;border:0;margin:0;
            width:100%;height:100%;overflow:hidden;
            font-family:Verdana;
            font-size:12px;    
            line-height:22px;
        }        
    </style>

  <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
      <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
      <![endif]-->
    </head>
    <body>
        <div class="site-holder top-navbar">
            <!-- this is a dummy text -->
            <!-- .navbar -->
            <!-- .box-holder -->
                <div class="box-holder">
       
                <!-- .content -->
                <div class="content">

	                <div class="row">
		                <div class="col-mod-12">
					
		                    <h3 class="page-header"><i class="fa fa fa-dashboard"></i> Dashboard <i class="fa fa-info-circle animated bounceInDown show-info"></i> </h3>

				                <blockquote class="page-information hidden">
					                <p>
						                Using Jquery we can validate the forms before sending to a server which minimizes the server load. This can be one  using a jquery plugin called validate.js , 
						                I have included it with enough examples on this page. For eg the first input checks for a email is input or not and also it should be required. 
						                It checks the format of someone@example.com 
					                </p>
				                </blockquote>

		                </div>
	                </div>


	                <!-- Info Boxes -->
	                <div class="row">
		                <div class="col-md-4">
			                <div class="info-box  bg-info  text-white">
				                <div class="info-icon bg-info-dark">
					                <i class="fa fa-shopping-cart fa-4x"></i>
				                </div>
				                <div class="info-details">
					                <h4>Sales   <span class="pull-right">233</span></h4>
					                <p>This Week <span class="badge pull-right bg-white text-info"> 48% <i class="fa fa-arrow-down fa-1x"></i> </span> </p>
				                </div>
			                </div>
		                </div>
		                <div class="col-md-4">
			                <div class="info-box  bg-success  text-white">
				                <div class="info-icon bg-success-dark">
					                <i class="fa fa-cloud-download fa-4x"></i>
				                </div>
				                <div class="info-details">
					                <h4>Downloads   <span class="pull-right">233</span></h4>
					                <p>This Year <span class="badge pull-right bg-white text-success"> 98% <i class="fa fa-arrow-up fa-1x"></i> </span> </p>
				                </div>
			                </div>
		                </div>
		                <div class="col-md-4">
			                <div class="info-box  bg-warning  text-white">
				                <div class="info-icon bg-warning-dark">
					                <i class="fa fa-comments fa-4x"></i>
				                </div>
				                <div class="info-details">
					                <h4>Comments   <span class="pull-right">2,987</span></h4>
					                <p>This Month <span class="badge pull-right bg-white text-warning"> 78% <i class="fa fa-arrow-up fa-1x"></i> </span> </p>
				                </div>
			                </div>
		                </div>
	                </div>

	                <div class="row hidden">
		                <div class="col-md-4">
			                <div class="info-box  bg-primary  text-white">
				                <div class="info-icon bg-primary-dark">
					                <i class="fa fa-refresh fa-4x"></i>
				                </div>
				                <div class="info-details">
					                <h4>Visits   <span class="pull-right">2,43,333</span></h4>
					                <p>Today <span class="badge pull-right bg-white text-primary"> 48% <i class="fa fa-arrow-down fa-1x"></i> </span> </p>
				                </div>
			                </div>
		                </div>
		                <div class="col-md-4">
			                <div class="info-box  bg-danger  text-white">
				                <div class="info-icon bg-danger-dark">
					                <i class="fa fa-rotate-left fa-4x"></i>
				                </div>
				                <div class="info-details">
					                <h4>Returns   <span class="pull-right">33</span></h4>
					                <p>This Year <span class="badge pull-right bg-white text-danger"> 28% <i class="fa fa-arrow-down fa-1x"></i> </span> </p>
				                </div>
			                </div>
		                </div>
		                <div class="col-md-4">
			                <div class="info-box  bg-info  text-white">
				                <div class="info-icon bg-primary-dark">
					                <i class="fa fa-dollar fa-4x"></i>
				                </div>
				                <div class="info-details">
					                <h4>Profit   <span class="pull-right">$98,233</span></h4>
					                <p>Projected <span class="badge pull-right bg-success text-white"> 48% <i class="fa fa-arrow-up fa-1x"></i> </span> </p>
				                </div>
			                </div>
		                </div>
	                </div>

	                <!-- Charts -->
	                <div class="row">
		                <!-- Discrete Bar Chart -->
		                <div class="col-md-6">
			                <div id="chart1">
				                <svg></svg>
			                </div>
		                </div>

		                <!-- Pie chart -->
		                <div class="col-md-6 holder" id="donuts-holder">
			                <div class="row">
				                <div class="col-md-6">
					                <div id="donut"></div>
				                </div>
				                <div class="col-md-6">
					                <div id="coloredDonut"></div>
				                </div>
			                </div>
		                </div>
	                </div>

	                <!-- Live Graph -->
	                <div class="row">
		                <div class="col-md-12">
			                <div class="panel">
				                <div class="panel-body">
					                <div class="row">
						                <div class="col-md-3">
							                <ul class="list-unstyled info-list">
								                <li>
									                <div class="info-box  bg-primary  text-white">
										                <div class="info-icon bg-primary-dark">
											                <i class="fa fa-user fa-4x"></i>
										                </div>
										                <div class="info-details">
											                <h4>Total Users   <span class="pull-right">5033</span></h4>
											                <p>This Year <span class="badge pull-right bg-white text-primary"> 28% <i class="fa fa-arrow-down fa-1x"></i> </span> </p>
										                </div>
									                </div>
								                </li>
								                <li>
									                <div class="info-box  bg-info  text-white">
										                <div class="info-icon bg-primary-dark">
											                <i class="fa fa-dollar fa-4x"></i>
										                </div>
										                <div class="info-details">
											                <h4>Profit   <span class="pull-right">$98,233</span></h4>
											                <p>Projected <span class="badge pull-right bg-primary text-white"> 48% <i class="fa fa-arrow-up fa-1x"></i> </span> </p>
										                </div>
									                </div>
								                </li>
								                <li>
									                <div class="info-box  bg-danger  text-white">
										                <div class="info-icon bg-danger-dark">
											                <i class="fa fa-rotate-left fa-4x"></i>
										                </div>
										                <div class="info-details">
											                <h4>Returns   <span class="pull-right">33</span></h4>
											                <p>This Year <span class="badge pull-right bg-white text-danger"> 28% <i class="fa fa-arrow-down fa-1x"></i> </span> </p>
										                </div>
									                </div>
								                </li>
							                </ul>
						                </div>
						                <div class="col-md-9">
							                <div id="liveGraph"></div>
						                </div>
					                </div>

				                </div>
			                </div>
		                </div>
	                </div><!-- /.Live Graph -->

                    <div class="footer">
                        © 2013 <a href="http://bootstrapguru.com">Bootstrap Guru</a>
                    </div>

                </div> <!-- /.content -->

                <!-- .right-sidebar -->
                <div class="right-sidebar right-sidebar-hidden">
	                <div class="right-sidebar-holder">

		                <a href="login.html" class="btn btn-danger btn-block">Logout </a>


		                <h4 class="page-header text-primary text-center">
			                Theme Options
			                <a  href="#"  class="theme-panel-close text-primary pull-right"><strong><i class="fa fa-times"></i></strong></a>
		                </h4>

		                <ul class="list-group theme-options">
			                <li class="list-group-item" href="#">	
				                <div class="checkbox">
					                <label>
						                <input type="checkbox" id="fixedNavbar" value=""> Fixed Top Navbar
					                </label>
				                </div>
				                <div class="checkbox">
					                <label>
						                <input type="checkbox" id="fixedNavbarBottom" value=""> Fixed Bottom Navbar
					                </label>
				                </div>
				                <div class="checkbox">
					                <label>
						                <input type="checkbox" id="boxed" value=""> Boxed Version
					                </label>
				                </div>
				
					                <div class="form-group backgroundImage hidden" >
						                <label class="control-label">Paste Image Url and then hit enter</label>
							                <input type="text" class="form-control" id="backgroundImageUrl" />
					                </div>
				                <!-- 
				                <div class="checkbox">
					                <label>
						                <input type="checkbox" id="responsive" value=""> Disable Responsiveness
					                </label>
				                </div> 
			                -->			
		                </li>
		                <li class="list-group-item" href="#">Predefined Themes
			                <ul class="list-inline predefined-themes"> 
				                <li><a class="badge" style="background-color:#54b5df" data-color-primary="#54b5df" data-color-secondary="#2f4051" data-color-link="#FFFFFF"> &nbsp; </a></li>
				                <li><a class="badge" style="background-color:#d85f5c" data-color-primary="#d85f5c" data-color-secondary="#f0f0f0" data-color-link="#474747"> &nbsp; </a></li>
				                <li><a class="badge" style="background-color:#3d4a5d" data-color-primary="#3d4a5d" data-color-secondary="#edf0f1" data-color-link="#777e88"> &nbsp; </a></li>
				                <li><a class="badge" style="background-color:#A0B448" data-color-primary="#A0B448" data-color-secondary="#485257" data-color-link="#AFB5AA"> &nbsp; </a></li>
				                <li><a class="badge" style="background-color:#2FA2D1" data-color-primary="#2FA2D1" data-color-secondary="#484D51" data-color-link="#A5B1B7"> &nbsp; </a></li>
				                <li><a class="badge" style="background-color:#2f343b" data-color-primary="#2f343b" data-color-secondary="#525a65" data-color-link="#FFFFFF"> &nbsp; </a></li>
			                </ul>
		                </li>
		                <li class="list-group-item" href="#">Change Primary Color
			                <div class="input-group colorpicker-component bscp" data-color="#54728c" data-color-format="hex" id="colr">
				                <span class="input-group-addon"><i style="background-color: #54728c"></i></span>
				                <input type="text" value="#54728c" id="primaryColor" readonly class="form-control" />

			                </div>
		                </li>
		                <li class="list-group-item" href="#">Change LeftSidebar Background
			                <div class="input-group colorpicker-component bscp" data-color="#f9f9f9" data-color-format="hex" id="Scolr">
				                <span class="input-group-addon"><i style="background-color: #f9f9f9"></i></span>
				                <input type="text" value="#f9f9f9" id="secondaryColor" readonly class="form-control" />

			                </div>
		                </li>
		                <li class="list-group-item" href="#">Change Leftsidebar Link Color
			                <div class="input-group colorpicker-component bscp" data-color="#54728c" data-color-format="hex" id="Lcolr">
				                <span class="input-group-addon"><i style="background-color: #54728c"></i></span>
				                <input type="text" value="#54728c" id="linkColor" readonly class="form-control" />

			                </div>
		                </li>
		                <li class="list-group-item" href="#">Change RightSidebar Background
			                <div class="input-group colorpicker-component bscp" data-color="#f9f9f9" data-color-format="hex" id="Rcolr">
				                <span class="input-group-addon"><i style="background-color: #f9f9f9"></i></span>
				                <input type="text" value="#f9f9f9" id="rightsidebarColor" readonly class="form-control" />

			                </div>
		                </li>
	                </li>
                </ul>

                <div id="bic_calendar_right" class="bg-white"></div>

                <h4 class="page-header text-primary">Current Projects </h4>

                <div class="list-group projects">
	                <a class="list-group-item" href="#">	
		                <p> Archon <span class="pull-right label bg-success">90%</span></p>
		                <div class="progress progress-mini">
			                <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 90%;">
				                <span class="sr-only">90% Complete</span>
			                </div>
		                </div>
	                </a>
	                <a class="list-group-item" href="#">	
		                <p> Banshee <span class="pull-right label bg-warning">40%</span></p>
		                <div class="progress progress-mini">
			                <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 40%;">
				                <span class="sr-only">40% Complete</span>
			                </div>
		                </div>

	                </a>
	                <a class="list-group-item" href="#">	
		                <p> Cascade <span class="pull-right label bg-primary">40%</span></p>
		                <div class="progress progress-mini">
			                <div class="progress-bar progress-bar-primary" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 75%;">
				                <span class="sr-only">75% Complete</span>
			                </div>
		                </div>
	                </a>
                </div>
                <h4 class="page-header">Contacts</h4>
                <div class="list-group contact-list">
					                <a class="list-group-item">
						                <img src="images/profiles/one.png" class="chat-user-avatar" alt="">
						                Jane Doe
						                <i class="fa fa-circle"></i>
					                </a>
					                <a class="list-group-item contact">
						                <img src="images/profiles/two.png" class="chat-user-avatar" alt="">
						                Jenny
						                <i class="fa fa-circle online"></i>
					                </a>
					                <a class="list-group-item contact">
						                <img src="images/profiles/three.png" class="chat-user-avatar" alt="">
						                Vijay
						                <i class="fa fa-circle busy"></i>
					                </a>
					                <a class="list-group-item">
						                <img src="images/profiles/four.png" class="chat-user-avatar" alt="">
						                Nikky
						                <i class="fa fa-circle offline"></i>
					                </a>
					                <a class="list-group-item contact">
						                <img src="images/profiles/five.png" class="chat-user-avatar" alt="">
						                John
						                <i class="fa fa-circle"></i>
					                </a>
					                <a class="list-group-item contact">
						                <img src="images/profiles/six.png" class="chat-user-avatar" alt="">
						                Anusha
						                <i class="fa fa-circle"></i>
					                </a>
					                <a class="list-group-item">
						                <img src="images/profiles/seven.png" class="chat-user-avatar" alt="">
						                Antony
						                <i class="fa fa-circle offline"></i>
					                </a>
					                <a class="list-group-item contact">
						                <img src="images/profiles/eight.png" class="chat-user-avatar" alt="">
						                Fana
						                <i class="fa fa-circle busy"></i>
					                </a>
					                <a class="list-group-item contact">
						                <img src="images/profiles/nine.png" class="chat-user-avatar" alt="">
						                Chris
						                <i class="fa fa-circle offline"></i>
					                </a>
					                <a class="list-group-item">
						                <img src="images/profiles/ten.png" class="chat-user-avatar" alt="">
						                Sandy
						                <i class="fa fa-circle online"></i>
					                </a>
					                <a class="list-group-item contact">
						                <img src="images/profiles/eleven.png" class="chat-user-avatar" alt="">
						                Ajay
						                <i class="fa fa-circle"></i>
					                </a>
					                <a class="list-group-item contact">
						                <img src="images/profiles/twelve.png" class="chat-user-avatar" alt="">
						                Sanju
						                <i class="fa fa-circle"></i>
					                </a>
				                </div>
			    </div>
            
                </div>	<!-- /.right-sidebar-holder -->
            </div>  <!-- /.right-sidebar -->

        </div> <!-- /.box-holder -->


<!-- Load JS here for Faster site load =============================-->
<script src="~/themes/bootstrap/js/jquery-1.10.2.min.js"></script>
<script src="~/themes/bootstrap/js/bootstrap.min.js"></script>

<script src="~/themes/bootstrap/js/bootstrap-progressbar.js"></script>
<script src="~/themes/bootstrap/js/bootstrap-progressbar-custom.js"></script>
<script src="~/themes/bootstrap/js/bootstrap-colorpicker.min.js"></script>
<script src="~/themes/bootstrap/js/bootstrap-colorpicker-custom.js"></script>
        
<script src="~/themes/bootstrap/js/raphael-min.js"></script>
<script src="~/themes/bootstrap/js/morris-0.4.3.min.js"></script>
<script src="~/themes/bootstrap/js/morris-custom.js"></script>

<!-- NVD3 graphs  =============================-->
<script src="~/themes/bootstrap/js/nvd3/lib/d3.v3.js"></script>
<script src="~/themes/bootstrap/js/nvd3/nv.d3.js"></script>
<script src="~/themes/bootstrap/js/nvd3/sample.nvd3.js"></script>

<!-- Core Jquery File  =============================-->
<script src="~/themes/bootstrap/js/dashboard-custom.js"></script>
        
</body>
</html>